<!DOCTYPE html>
<html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>双向绑定</title>
</head>
<body>
    <div id="app">
       甜： <input type="checkbox" v-model="name" value="甜"/><br/>
       酸： <input type="checkbox" v-model="name" value="酸"/><br/>
       辣： <input type="checkbox" v-model="name" value="辣"/><br/>
       麻： <input type="checkbox" v-model="name" value="麻"/><br/>
       香： <input type="checkbox" v-model="name" value="香"/><br/>

        你喜欢为口味:{{name.join("P")}}
    </div>
    <script src="./node_modules/vue/dist/vue.js"></script>
    <script>
        var app = new Vue({
            el:"#app",
            data:{
                name:[] //如果只接收true或者false，则应该声明为布尔类型，如果接收的为值，必须是数组
            }
        });
    </script>


</body>
</html>